/* CSS Document for fobtv website */
/*global css*/
* { margin:0px; padding:0px;}
body {
	text-align:center;
	margin:0;
	padding:0;
	background:url(bg.png) repeat-x 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#444;
    height:100%;
}
body.fobcn{
	
	}
blockquote{
	padding-right:0;
	padding-left:0;
	margin-left:0;
	margin-right:0;
	overflow:hidden;
	}
h1, h2, h3, h4, h5, h6 {
	margin:10px 0 10px 0;
}
h1 {
	font-size:2em;
}
h2 {
	font-size:1.8em;
	color:#666;
}

h3 {
	font-size:1.4em;
}
.fobcn h3{
	font-size:12px;
	color:#4e4e4e;}
h4 {
	font-size:1.2em;
}
h5 {
	font-size:1em;
}
p {
	line-height:1.5em;
	margin:0 0 15px 0;
}
.fobcn li{
	line-height:1.8em;
}
.fobcn p{
	line-height:1.8em;
	color:#4e4e4e;
	margin-bottom:20px;
	}
.fobcn .fobGrid th p,.fobcn  .fobGrid .fobGridTitle  p{
	color:#fff;
}
ul {
	list-style-type:square;
	line-height:1.5em;
	margin-left:3em;
}
a {
	color:#0099cc;
}
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}
img{
	border:none;
	}
/*container*/	
.container {
	text-align:left;
	margin:0 auto;
	width:960px;
	position:relative;
}
/*header*/
.header {
	overflow:hidden;
}
.header .logo {
	float:left;
	display:block;
	
	background:url(fobtvlogo2.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fobtvlogo2.png');
	width:143px;
	height:47px;
	text-indent:-10000px;
	overflow:hidden;
}
.header .headerRightContainer {
	float:right;
	margin-top:30px;
}
.header .headerRightContainer a {
	color:#fff;
	text-align:center;
	padding-top:6px;
	float:left;
	display:block;
	text-decoration:none;
}
.header .headerRightContainer .loginBtn {
	background:url(fobtv_sprite.gif) no-repeat -10px -10px;
	height:27px;
	width:80px;
}
.header .headerRightContainer .loginBtn:hover{
		background-position:-10px -57px;
	}
.header .headerRightContainer .regBtn:hover{
	background-position:-90px -57px;
	}
.header .headerRightContainer .regBtn {
	background:url(fobtv_sprite.gif) no-repeat -90px -10px;
	height:27px;
	width:105px;
}
.header .fobLang {
	/*position:absolute;
	top:38px;
	right:200px;
	*/
	float:right;
	margin:35px 20px 0 0;
	font-weight:bold;
}
.header .welcomeInfo{
float:right;
margin:35px 20px 0 0;
font-weight:bold;
}
.inlineSplit{
	margin:0 10px;
}
.header .fobLang a{
	text-decoration:none;
	color:#666;
	}
.header .fobLang a:hover{
	color:#0099cc;
	}
/*banner*/
.tobBanner {
	clear:both;
}
/*main*/
.main {
	overflow:hidden;
	padding-bottom:70px;
	background:#fff url(fob_main_background.gif) no-repeat 100% 100%;
}
.leftNav {
	float:left;
	width:220px;
}
.leftSponsor{
padding-top:20px;
margin-right:30px;
}
.leftSponsor h3{
border-bottom:solid 1px #ddd;
margin-bottom:10px;
padding-bottom:5px;
color:#666;
font-size:16px;
}
.leftSponsor .sponsorList a{
	margin-right:5px;
	margin-bottom:10px;
	display:block;
}
/*left navigation*/
.fobLeftNavContainer {
	margin:0;
	padding:0;
	list-style:none;
	padding-right:10px;
	margin-right:20px;
}
.fobLeftNavContainer li a {
	height:35px;
	display:block;
	background:url(fobtv_sprite.gif) repeat-x 0 -119px;
	line-height:33px;
	color:#fff;
	text-decoration:none;
	padding:0 10px;
	font-weight:bold;
	font-size:1.2em;
}
.fobLeftNavContainer li a:hover {
	background:url(fobtv_sprite.gif) repeat-x 0 -164px;
}
.fobLeftNavLinks {
	margin:0;
	padding:0;
	list-style:none;
}
.fobLeftNavLinks li a {
	font-size:1em;
	color:#006699;
	height:30px;
	line-height:28px;
	background:url(fobtv_sprite.gif) repeat-x 0 -213px;
	border-right:solid 1px #ddd;
	border-left:solid 1px #ddd;
}
.fobLeftNavLinks li a:hover {
	background:url(fobtv_sprite.gif) repeat-x 0 -254px;
}
.fobLeftNavLinks li a.selected, .fobLeftNavLinks li a.selected:hover {
	background:url(fobtv_sprite.gif) no-repeat 100% -304px;
	border-right:none;
	margin-right:-14px;
	color:#fff;
	border-left:none;
}
.rightContainer {
	overflow:hidden;
	zoom:1;
}
.rightContainer h2 {
	border-bottom:solid 3px #f1f1f1;
	margin-bottom:10px;
	padding-bottom:10px;
}
.fobcn .rightContainer h2 {
	font-size:1.5em;
	
	}
.rightContainer .fobContent {
	overflow:hidden;
}
.fobContent img, .fobImg img {
	padding:3px;
	border:solid 1px #ddd;
	margin:5px;
}
.fobTInfo img {
	width:180px;
	height:120px;
}
.fobAttractionsList {
	list-style:none;
	margin:0;
	padding:0;
}
.fobAttractionsList li {
	display:block;
	clear:both;
	margin:0;
	padding:0px 0 10px 0;
	border-bottom:solid 1px #ddd;
	overflow:hidden;
 *height:1%;
}
.fobAttractionsList li img {
	float:left;
	margin-right:10px;
}
.fobAttractionsList li ul {
	list-style:none;
	margin:0;
	float:left;
 display::block;
	padding:0;
}
.fobAttractionsList li ul li {
	border:none;
}
.fobAttractionsList li ul li h4 {
	margin-top:0;
}
.scrollLogoBar{
margin-bottom:-70px;
height:50px;
width:960px;
}
.scrollLogoBar label{
line-height:32px;
font-weight:bold;
padding-left:4px;
vertical-align:top;
display:inline-block;
font-size:13px;
}
.scrollLogoBar img{
height:28px;
}
/*footer*/
.footer {
    background:#e2e2e4 url(fobtv_sprite.png) repeat-x 0 -588px;
    clear:both;
    padding:10px;
    color:#888;
}

.footerInner {
	width:960px;
	margin:0 auto;
	text-align:left;
}
.footer .footerRelated {
	border-bottom:solid 1px #ccc;
}
.footer .footerRelated h5 {
	margin:0;
}
.footer .copyright {
	border-top:solid 1px #fff;
	padding-top:5px;
}
.footer .fobLogos a{
display:inline-block;
}
.footer .fobLogos img {
	margin-right:3px;
}
.fobGrid {
	border-collapse:collapse;
	border:solid 10px #f1f1f1;
	border-right-color:#ddd;
	border-bottom-color:#ddd;
	width:100%;
	overflow:hidden;
}
.fobGrid th {
	color:#fff;
	background:#666;
	padding:3px 5px;
}
.fobGrid td {
	border-right:solid 1px #bbb;
	
	padding:3px 5px;
}
.fobGrid .fobGridSectionTitle {
	background:#fff;
	border-left:none;
	border-right:none;
}
.fobGrid .fobGridTitle {
	background:#09C;
	color:#fff;
	border-left:none;
	border-right:none;
	font-weight:bold;
}
.fobGrid .fobGridSubTitle{
	background:#ddd;
	}
.fobGrid h4 {
	margin:0;
}
.fobGrid p {
	margin:0;
}
.fobLeftImg {
	margin-right:20px;
	float:left;
	display:block;
}
.fobPanel {
	margin:0 auto;
	text-align:left;
	border:solid 10px #f1f1f1;
	border-right-color:#ddd;
	border-bottom-color:#ddd;
	padding:10px;
	width:60%;
}
.fobPanel .fobPanelTitle {
	border-bottom:solid 1px #ddd;
	margin-bottom:15px;
	margin-left:-10px;
	margin-right:-10px;
	margin-top:-10px;
	padding:10px 10px;
	background:#09C;
	color:#fff;
}
.fobPanel .fobPanelTitle h3 {
	margin:0;
}
/*for login panel*/
.loginPanel {
	margin-top:20px;
	}
.loginPanel .fobPanelContainer p {
	margin-left:70px;
}
.loginPanel .fobPanelContainer p label {
	text-align:right;
	margin-right:10px;
	display:inline-block;
	width:10em;
	font-size:14px;
}
.loginPanel .fobPanelContainer p input {
	width:12em;
}
.loginPanel .fobFormBtnContainer{
	padding-left:220px;
	border-top:solid 1px #ddd;
	padding-top:10px;
	}
	
.fobBtn input{
	
	}
/*for news*/
.newsTitle, .newsSubTitle {
	text-align:center;
	margin:20px 0;
}
/*for icons*/
.icoLang{
	background:url(../images/fobtv_sprite.gif) no-repeat -486px -39px;
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:5px;
	}
	.icoBack{
	background:url(../images/fobtv_sprite.gif) no-repeat -487px -75px;
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:5px;
	}
.fobBackBtn{
	
	font-size:12px;
	}
.blanklinehr{
	pading-top:0px;
	color:#fff;
	border:none;
	border-top:solid 1px #ddd;
	height:10px;
	clear:both;
	margin:0;
	*margin-top:-10px;
	_margin-top:0;
	}
	
/***payment***/
.paymentContainer{
	width:60%;
	margin:0 auto;
}
.paymentContainer .title{
	text-align:left;
	padding:0 10px;
	margin-bottom:15px;
	border:solid 1px #ddd;
	}
	.paymentContainer .paymentSuccess{
		border:solid 1px #B60029;
		color:#B60029;
		}
.paymentContainer .content{
	border:solid 1px #ddd;
	padding:10px;	
	margin-bottom:10px;
	}
.paymentNotice{
	border-top:solid 1px #ddd;
	padding-top:15px;
	}
.paymentInfo{
	text-align:left;
	margin-bottom:15px;
	background:#3C83B0 url(bluebg.png) repeat-x 0 0;
	color:#fff;
	padding:10px;

	}
.paymentInfo p{
	margin-bottom:5px;
	}
.paymentInfoLine{
	font-weight:bold;
	}
.paymentInfoLine label{
	
	margin-right:5px;}
.paymentInfoLine .amount{
	font-size:22px;
	}
	.paymentInfoLine  .orderid{
		font-size:22px;
		
		}
.paymentNotice strong{
	color: #c00;
	}



